myuser {
    font-family: 'Open Sans', sans-serif;
    color: #666;
}
#myuser{
    width: 1200px;
    margin:auto;
    border: 1px #0a9dbd dashed;
}

.card {
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2);
    max-width: 28%;
    max-height: 100%;
    /*margin: auto;*/
    text-align: center;
    font-family: arial;
    float: left;
    margin-top: 5px;
    margin-left: 5px;
}

.container {
    padding: 0 16px;
}

.container::after {
    content: "";
    clear: both;
    display: table;
}

.btn-group button {
    background-color: #FFFFFF; /* Green background */
    border: 1px solid White; /* Green border */
    color: black; /* White text */
    padding: 10px 24px; /* Some padding */
    cursor: pointer; /* Pointer/hand icon */
    float: left; /* Float the buttons side by side */
}

/* Clear floats (clearfix hack) */
.btn-group:after {
    content: "";
    clear: both;
    display: table;
}

.btn-group button:not(:last-child) {
    border-right: none; /* Prevent double borders */
}

/* Add a background color on hover */
.btn-group button:hover {
    background-color: #E4FCFF;
}

.button {
    border-radius: 4px;
    background-color: #f4511e;
    border: none;
    color: #FFFFFF;
    text-align: center;
    font-size: 28px;
    padding: 20px;
    width: 200px;
    transition: all 0.5s;
    cursor: pointer;
    margin: 5px;
}

.btn-group span {
    cursor: pointer;
    display: inline-block;
    position: relative;
    transition: 0.5s;
}

.btn-group span:after {
    /*content: '<<';*/
    position: absolute;
    opacity: 0;
    top: 0;
    right: -20px;
    transition: 0.5s;
}

.btn-group:hover span {
    padding-right: 25px;
}

.btn-group:hover span:after {
    opacity: 1;
    right: 0;
}

.txt_hy{
    margin-left: 20px;
    padding-left: 20px;
}
#myimg{

}